<!--
 * @Autor: dingxiaolin
 * @Date: 2021-06-01 13:53:05
 * @LastEditors: dingxiaolin
 * @LastEditTime: 2021-09-14 17:39:25
-->
<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit" />
    <meta name="force-rendering" content="webkit" />
    <link rel="icon" href="/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>管理后台</title>
    <script src="https://webapi.amap.com/maps?v=1.4.15&key=4cf22ce9ff76f8f8e3c6fdf59ebb2c39"></script>
</head>

<body>
    <div id="app">
        <router-view>
            <div id="preloader">
                <div id="loader">
                    <div class="sk-double-bounce">
                        <div class="sk-child sk-double-bounce1"></div>
                        <div class="sk-child sk-double-bounce2"></div>
                    </div>
                </div>
            </div>
        </router-view>
    </div>
    <style lang="less">
        #preloader {
            position: fixed;
            top: 0%;
            left: 0%;
            width: 100%;
            height: 100%;
        }

        #loader {
            display: block;
            position: relative;
            left: 50%;
            top: 50%;
            width: 150px;
            height: 150px;
            margin: -75px 0 0 -75px;
        }

        .sk-double-bounce {
            width: 40px;
            height: 40px;
            position: relative;
            margin: 40px auto;
        }

        .sk-double-bounce .sk-child {
            width: 100%;
            height: 100%;
            border-radius: 50%;
            background-color: #1890ff;
            opacity: 0.6;
            position: absolute;
            top: 0;
            left: 0;
            -webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
            animation: sk-doubleBounce 2s infinite ease-in-out;
        }

        .sk-double-bounce .sk-double-bounce2 {
            -webkit-animation-delay: -1.0s;
            animation-delay: -1.0s;
        }

        @-webkit-keyframes sk-doubleBounce {

            0%,
            100% {
                -webkit-transform: scale(0);
                transform: scale(0);
            }

            50% {
                -webkit-transform: scale(1);
                transform: scale(1);
            }
        }

        @keyframes sk-doubleBounce {

            0%,
            100% {
                -webkit-transform: scale(0);
                transform: scale(0);
            }

            50% {
                -webkit-transform: scale(1);
                transform: scale(1);
            }
        }
    </style>
    <script type="module" src="/src/main.ts"></script>
    <!-- IE 浏览器跳转提示升级页面 -->
    <script>
        if (/*@cc_on!@*/false || (!!window.MSInputMethodContext && !!document.documentMode)) {
            window.open("https://support.dmeng.net/upgrade-your-browser.html?referrer=" + encodeURIComponent(window.location.href));
        };
    </script>
    <script>
        function isIE() {
            if (!!window.ActiveXObject || "ActiveXObject" in window) {
                return true;
            } else {
                return false;
            }
        }
    </script>
    <link rel="stylesheet/less" type="text/css" href="/static/color.less" />
    <script src="https://cdn.bootcdn.net/ajax/libs/less.js/2.7.2/less.min.js"></script>
</body>

</html>